<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>

<!-- 조인룸 만들기 관련 Javascript -->
<!-- <script src="../js/src/connectionmanager.js"></script>
<script src="../js/src/mjson.js"></script>
<script src="../js/src/room/join_room_create.js"></script> -->

</head>

<body>
<section data-role="page" class="container"  id="join_room_create" >
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>조인룸 만들기</h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section  data-role="content"> 
        <form action="#" method="#">
            <div class="content-primary">
                <ul data-role="listview" data-inset="true">
                    <!--진행상태-->
                    <li data-role="fieldcontain" class="state">                
                        <fieldset data-role="controlgroup" data-type="horizontal" id="process_stats_radio">
                            <legend>진행 상태</legend>
                            <input type="radio" name="proc_status" id="a1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="a1">진행중</label>
                            <input type="radio" name="proc_status" id="a2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="a2">조인완료</label>
                        </fieldset>
                    </li>
                
                    <!--라운드정보-->
                    <li data-role="fieldcontain">
                        <fieldset>
                            <dl class="ro_info">
                                <dt>
                                    <label>라운드정보</label>
                                    <div class="input_cont">
                                        <select data-native-menu="false" id="round_info_select">
                                            <option value="-1" selected>직접입력</option>
<!--                                             <option value="#">스카이72 하늘코스 / 18H / 2012.05.31(수) / 07:00</option>
                                            <option value="#">오션베네디트 하늘코스 / 18H /2012.06.15(화) / 15:30</option>
                                            <option value="#">스카이72 하늘코스 / 18H / 2012.05.31(수) / 07:00</option>
                                            <option value="#">오션베네디트 하늘코스 / 18H /2012.06.15(화) / 15:30</option> -->
                                        </select>
                                    </div>
                                </dt>
                               
                               <!--직접 입력일 경우-->
                                <dd>
                                    <label>지역</label>
                                    <div class="input_cont">                          
                                        <select id="loc_info">
                                            <option value="0">전체</option>
                                            <option value="1" selected>수도권(서울/경기/인천)</option>
                                            <option value="2">중부권(강원/충청)</option>
                                            <option value="3">남부권(전라/경상/제주)</option>
                                        </select>
                                    </div>
                                </dd>
                                
                                <dd>
                                    <label>골프장/코스</label>
                                    <div class="input_cont">
                                        <input type="text" id="golf_course" />
                                    </div>
                                </dd>

                                <dd>
                                    <label>홀정보</label>
                                    <div class="input_cont input_leg">
                                        <input type="number" id="hole_info" class="hole_info" /> H
                                    </div>
                                </dd>
                                
                                <dd>
                                    <label>부킹일자</label>
                                    <div class="input_cont">
                                        <div class="input_date">
                                            <select id="booking_year">
                                                <option value="2012">2012</option>
                                                <option value="2013">2013</option>
                                                <option value="2014">2014</option>
                                            </select>
                                            년
                                        </div>
                                        <div class="input_leg">
                                            <select id="booking_month">
                                                <option value="01">01</option>
                                                <option value="02">02</option>
                                                <option value="03">03</option>
                                                <option value="04">04</option>
                                                <option value="05">05</option>
                                                <option value="06">06</option>
                                                <option value="07">07</option>
                                                <option value="08">08</option>
                                                <option value="09">09</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                            </select>
                                            월
                                            <select id="booking_day" >
<!--                                                  <option value="01">01</option>
                                                <option value="02">02</option>
                                                <option value="03">03</option>
                                                <option value="04">04</option>
                                                <option value="05">05</option>
                                                <option value="06">06</option>
                                                <option value="07">07</option>
                                                <option value="08">08</option>
                                                <option value="09">09</option>
                                                <option value="10">10</option>
                                                <option value="11">11</option>
                                                <option value="12">12</option>
                                                <option value="13">13</option>
                                                <option value="14">14</option>
                                                <option value="15">15</option>
                                                <option value="16">16</option>
                                                <option value="17">17</option>
                                                <option value="18">18</option>
                                                <option value="19">19</option>
                                                <option value="20">20</option>
                                                <option value="21">21</option>
                                                <option value="22">22</option>
                                                <option value="23">23</option>
                                                <option value="24">24</option>
                                                <option value="25">25</option>
                                                <option value="26">26</option>
                                                <option value="27">27</option>
                                                <option value="28">28</option>
                                                <option value="29">29</option>
                                                <option value="30">30</option>
                                                <option value="31">31</option> --> 
                                            </select>
                                            일
                                        </div>
                                    </div>
                                </dd>
                                
                                <dd>
                                    <label>부킹시간</label>
                                    <div class="input_cont input_leg">                  
                                        <select id="booking_hour">
<!--                                             <option value="01">01</option>
                                            <option value="02">02</option>
                                            <option value="03">03</option>
                                            <option value="04">04</option>
                                            <option value="05">05</option>
                                            <option value="06">06</option>
                                            <option value="07">07</option>
                                            <option value="08">08</option>
                                            <option value="09">09</option>
                                            <option value="10">10</option>
                                            <option value="11">11</option>
                                            <option value="12">12</option> -->
                                        </select>
                                        시
                                        <select id="booking_minute">
<!-- -                                           <option value="00">00</option>
                                            <option value="10">10</option>
                                            <option value="20">20</option>
                                            <option value="30">30</option>
                                            <option value="40">40</option>
                                            <option value="50">50</option> -->
                                        </select>
                                        분
                                    </div>
                                </dd>
                                
                               <!--예약정보 불러올 경우-->
                               <!--dd>
                                    <label>지역</label>
                                    <div class="input_cont"><p>수도권(서울/경기/인천) </p></div>
                                </dd>
                                
                                <dd>
                                    <label>골프장/코스</label>
                                    <div class="input_cont"> <p>스카이72 하늘코스 </p> </div>
                                </dd>
                                
                                <dd>
                                    <label>홀정보</label>
                                    <div class="input_cont input_leg"> <p> 18  H </p></div>
                                </dd>
                                
                                <dd>
                                    <label>부킹일자</label>
                                    <div class="input_cont input_leg"> <p> 2012-05-13 (일) </p></div>
                                </dd>
                                
                                <dd>
                                    <label>부킹시간</label>
                                    <div class="input_cont input_leg"> <p>  18:30 </p></div>
                                </dd-->
                            </dl><!-- // class="ro_info" 끝  -->
                        </fieldset>
                    </li>
                
                    <!--초대인원-->
                    <li data-role="fieldcontain">
                        <fieldset class="input_block">
                            <legend>초대인원</legend>
                            <div class="input_cont">
                                <div class="ui-block-a">
                                    <select id="create_invitcnt">
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                    </select>
                                </div><!-- // class="ui-block-a" 끝  -->
                                <div class="ui-block-b">
                                    <input type="checkbox" name="create_joiny_checkbox" id="create_joiny_checkbox" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                                    <label for="create_joiny_checkbox">본인참여</label>
                                </div><!-- // class="ui-block-b" 끝  -->
                            </div><!-- // class="input_cont"끝  -->
                        </fieldset>
                    </li>
                
                    <!--공개설정-->
                    <li data-role="fieldcontain" class="open">
                        <fieldset data-role="controlgroup" data-type="horizontal">
                            <legend>공개설정</legend>
                            <input type="radio" name="openyn" id="d1" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="d1">모두 공개</label>
                            <input type="radio" name="openyn" id="d2" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="d2">비밀번호 설정</label>
                            <!--pw 입력-->
                            <p><input type="password" placeholder="비밀번호 숫자4자리" id="create_password" /></p>
                        </fieldset>
                    </li> 
                </ul>
             </div><!-- // class="content-primary" 끝  -->   
             
             <!--참여조건 입력하기-->
             <div data-role="collapsible" data-theme="c" data-content-theme="c" data-iconpos="right" class="content-primary if">
                <h3>참여조건 입력하기 </h3>
                <p class="w_line"></p>
                <ul data-role="listview" data-inset="true">
                   <!--성별-->
                   <li data-role="fieldcontain">
                       <fieldset data-role="controlgroup" data-type="horizontal">
                            <legend>성별</legend>
                            <input type="radio" name="sex" id="A" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="A">무관</label>
                            <input type="radio" name="sex" id="M" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="M">남자</label>
                            <input type="radio" name="sex" id="F" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="F">여자</label>
                        </fieldset>
                   </li>
                   
                   <!--연령대-->
                   <li data-role="fieldcontain" class="ro_info">
                       <label>연령대</label>
                        <div class="input_cont">
                            <select id="create_age">
                                <option value="A" selected>무관</option>
                                <option value="20">20대</option>
                                <option value="30">30대</option>
                                <option value="40">40대</option>
                                <option value="50">50대</option>
                                 <option value="60">60대이상</option>
                            </select>
                        </div>
                   </li>
                   
                   <!--평균타수 -->
                   <li data-role="fieldcontain" class="ro_info">
                       <label>평균타수</label>
                        <div class="input_cont">
                            <select id="create_average">
                                <option value="70">70대</option>
                                <option value="80">80대</option>
                                <option value="90">90대</option>
                                <option value="100">100돌이</option>
                                <option value="99">초보</option>
                                <option value="11" selected>무관</option>
                            </select>
                        </div>
                   </li>
                   <!--<option value="#">누구나</option>-->
                   <!--흡연여부 -->
                   <li data-role="fieldcontain">
                       	<fieldset data-role="controlgroup" data-type="horizontal" class="ra">
                            <legend>흡연여부</legend>
                            <input type="radio" name="smoke" id="f1" /><!-- id값과 for값이 동일하게 작업하세요! --> 
                            <label for="f1">무관</label>
                            <input type="radio" name="smoke" id="Y" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="Y">흡연</label>
                            <input type="radio" name="smoke" id="N" /><!-- id값과 for값이 동일하게 작업하세요!  -->
                            <label for="N">비흡연</label>
							</fieldset>
                   </li>
                </ul>
             </div><!-- // class="content-primary 끝  -->   
             
             <!--상세내역 / 예약자명  입력하기-->
             <div class="content-primary textar">
                <ul data-role="listview" data-inset="true">
                    <!--상세내역  입력하기-->
                    <li data-role="fieldcontain">
                        <label class="dis_bl">상세내역  입력하기</label>
                        <textarea placeholder="상세내용을 입력하여 주세요" id="reg_ment"></textarea>
                    </li>
                    
                    <!--예약자명 -->
                    <li data-role="fieldcontain">
                        <label>예약자명</label>
                        <div class="input_cont">
                            <input type="text" id="create_rusername" />
                        </div>
                        <p class="txt">※ 입력하신 예약자명(실명)은 참여승인 된 참여자에 한해 SMS로 조인정보와 함께 전송됩니다. </p>
                    </li>
                </ul>
             </div><!-- // class="content-primary" 끝  -->  
             
             <!--btn-->           
             <div class="bt_form"><a data-role="button" data-theme="a" data-inline="true" id="btn_reg_room">등록</a>  </div>
        </form>         
    </section><!-- // content -->
     
</section><!-- // page -->
</body>
</html>
